<template>
  <view class="series">
    <view class="series_title">选择</view>
    <view @tap="$emit('showPop')" class="series_select">已选：{{ productName || '' }}</view>
    <uni-icons @tap="$emit('showPop')" type="right" class="series_more"></uni-icons>
  </view>
</template>

<script>
export default {
  props: {
    productName: {
      type: String,
      default: ''
    },
  }
}
</script>

<style scoped>
.series {
	padding: 0 3%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20rpx;
}

.series_title {
	color: rgba(153, 153, 153, 1);
}

.series_select {
	flex: 0 0 80%;
	color: #333;
	font-size: 24rpx;
}

.series_more {
	margin-right: 3%;
}
</style>
